跳到主要内容

层次结构

层级面板始终位于编辑器的左侧,它以树状视图的形式展示了:

  • 画板上对象之间的父子关系
  • 对象的渲染顺序

你可以通过观看视频或继续阅读来了解层级面板的使用方法:

Youtube

父子关系概念

父子关系是 Rive 中的核心概念,它让你能够轻松创建复杂的分层动画。在 Rive 中,骨骼都可以包含子对象。

层级面板中的每一行都代表画板上的一个元素。带有子对象的项目旁边会显示一个带箭头的圆形按钮,点击它可以展开或折叠子对象列表。

父子关系详解

Youtube

任何类型的对象都可以成为其他对象的父对象或子对象。当一个对象成为另一个对象的子对象时,它会继承父对象的所有变换属性。

父子关系示例

这种父子关系可以无限嵌套,你可以创建:

  • 子对象
  • 孙对象
  • 更深层次的嵌套关系

修改父子关系

要改变对象之间的关系,只需要通过拖放操作:

  • 将对象拖入另一个对象中成为子对象
  • 将对象拖出当前父对象

修改父子关系

绘制顺序

除了显示对象关系外,层级面板还展示了文件的绘制顺序:

  • 列表顶部的对象在前面渲染(显示在上层)
  • 列表底部的对象在后面渲染(显示在下层)

更改绘制顺序

更改绘制顺序

要更改画板上对象的绘制顺序,只需:

  • 上下拖动单个形状
  • 或拖动形状组
  • 放置到目标位置

💡 提示:绘制顺序也可以制作动画,但需要更多设置。详情请查看"制作绘制顺序动画"页面。

反转绘制顺序

你可以快速反转绘制顺序:

反转整个画板

  • 在层级面板中右键点击任意对象
  • 选择"全部反转"(Reverse All)

反转组内顺序

  • 右键点击组内的对象
  • 选择"反转"(Reverse)

反转绘制顺序

重命名对象

重命名对象

双击对象名称即可修改名称。

资源面板

资源面板用于管理所有导入的资源:

  • 图片
  • Lottie 文件
  • 自定义字体

详细了解资源导入,请查看导入资源指南

💡 小贴士:良好的层级结构和命名习惯对于管理复杂项目至关重要。建议为重要对象设置清晰的名称,并合理使用分组。